<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--潘天赐-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="text/javascript" src="static/js/jquery.min.js"></script>
    <script type="text/javascript"
            src="static/js/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet"
          href="static/js/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet"
          href="static/js/bootstrap/css/bootstrap-treeview.min.css"
          th:href="@{static/js/bootstrap/css/bootstrap-treeview.min.css}"
    >
    <script src="static/js/bootstrap/js/bootstrap-treeview.min.js"></script>
    <link rel="stylesheet"
          href="static/js/bootstrap/css/bootstrap.addtabs.css">
    <script src="static/js/bootstrap/js/bootstrap.addtabs.min.js"></script>
    <link rel="stylesheet" href="static//js/bootstrap/css/bootstrap-table.min.css">
    <script src="static/js/bootstrap/js/bootstrap-table.min.js"></script>
    <script src="static/js/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
    <script src="static/js/bootstrap/js/bootbox.js"></script>
    <link rel="stylesheet"
          href="static/js/bootstrap/css/bootstrap-datetimepicker.min.css" />
    <script type="text/javascript"
            src="static/js/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript"
            src="static/js/bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="static/js/bootstrap-fileinput/js/fileinput.js"></script>
    <script src="static/js/bootstrap-fileinput/js/locales/zh.js"></script>
    <link rel="stylesheet" href="static/js/bootstrap-fileinput/css/fileinput.css">

</head>
<body>
<h4>项目名称：<label style="color: #8c8c8c" th:text="${productName}"></label></h4>
<h4>采购方：<label style="color: #8c8c8c" th:text="${contacts}"></label></h4><br>
<h4><label>方案文档：</label></h4>
<input type="hidden" id="queryPictureId" th:value="${queryPictureId}">
<input type="hidden" id="productId" th:value="${productId}">
<table class="table" id="myTable"></table>
</body>
<script>
    var id = $("#productId").val();
    $("#myTable").bootstrapTable({
        url:"queryPictureFile?id="+id,
        columns:[
            {field:'pictureId',title:'序号'},
            {field:'pictureName',title:'文件名称'},
        ],
        pagination:true,			//是否展示分页
        pageNumber:1,				//当前页
        pageSize:3,					//默认每页条数
        pageList:[3,2,5],			//分页组件
        sidePagination : 'client',	//分页方式：client客户端分页，server服务端分页
    })





</script>
</html>